:root{
    --bodyColor:rgba(237, 237, 237, 0.734);
    --table:rgba(50, 50, 50, 0.2);
    --a:rgba(225, 225, 225, 0.793);
    --input:rgb(34, 34, 34);
    --bottenHover:rgba(145, 144, 144, 0.6);
    --brColor:rgba(70, 70, 70, 0.508);
    --brShadow:rgba(70, 70, 70, 0.197);
    --liHover:rgba(70, 70, 70, 0.197);
    --home:rgba(253, 253, 253, 0.725);
    --Lists:rgba(190, 190, 190, 0.312);
    --commonMarginLeft:50px;
    --imgColor:rgba(190, 190, 190, 0.312);
    --scrollBackgroundColor:rgb(183, 182, 182);
    --rateColor:rgba(190, 190, 190, 0.312);
    --musicListsHover:rgba(190, 190, 190, 0.312);
    --playingLists:50px;
    --playingListsHover:rgba(190, 190, 190, 0.312);
    --imgNull:rgba(50, 50, 50, 0.2);
    --loginBackground:rgba(42, 42, 42, 0.384);
    --volumeBackGround:rgba(5, 5, 5, 0.63);
    --lyricMargin:20px;
    --lyricFootColor:rgb(255, 255, 255);
}

html, body {
    -webkit-font-smoothing: antialiased;
    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}

button,
input {
    font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
    border: 0;
    outline: none;
}

input{
    background-color: var(--a);
    color: var(--input);
}

html,body,div,p,ul,li,img,a,button,input{
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

li {
    list-style: none
}

img {
    vertical-align: middle
}

button {
    cursor: pointer
}

button:hover{
    color: white;
    background-color: var(--bottenHover);
}

a {
    cursor: pointer;
    text-decoration: none
}

a:hover {
    color: white
}

a{
    color:var(--a)
}
.mainBody{
    min-width: 1200px;
    min-height: 100vh;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--bodyColor);
    
}

button,a{
    transition: 0.5s;
}

::-webkit-scrollbar {
    width: 12px;
    height: 10px;
    border-radius: 10px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5,var(--scrollBackgroundColor)));
    background-color: transparent;
    // background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.44,rgb(60,186,146)),color-stop(0.72,rgb(253,187,45)),color-stop(0.86,rgb(253,187,45)));
    transition: 0.3s ease-in-out;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color:transparent;
}

.playingIt{
    background-color: var(--musicListsHover);
}

